<template>
	<view v-if="$root.g0>0">
		<view class="pt10 pb24 bgfff">
			<view>
				<view class="pl24 pr24 pb30">
					<view class="body-card bgwiew" :index="index" v-for="(item,index) in curriculum">
						<view class="w166 h166 pore">
							<image mode class="w166 h166" :src="item.cover"></image>
							<image mode class="poab t0 l0 w75 h42" src="/static/new/video-icon.png"
								v-if="item.video!=null"></image>
						</view>
						<view class="fg1 h166 pl15 bsbox pore">
							<view class="dsf alc">
								<view class="fg1 onehide">{{item.title}}</view>
							</view>
							<view class="pt24 fz26 col666">{{item.desc}}</view>
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>

</template>

<script>
	export default {
		data() {
			return {
				tabbar: {
					current: 3
				},
				curriculum: [],
				total: 0
			}
		},
		onLoad() {

		},
		onShow() {

		},

		methods: {

		}
	}
</script>

<style scoped lang="scss">
	.bgwiew {
		box-shadow: 0 0 20upx 0upx rgba(0, 102, 230, .2)
	}

	.body-card {
		border-radius: 10upx;
		box-shadow: 0 0 20upx 0 rgba(0, 102, 230, .2);
		display: -webkit-flex !important;
		display: flex !important;
		margin-top: 30upx;
		padding: 24upx 14upx
	}

	.h166 {
		height: 166upx
	}

	.w166 {
		width: 166upx
	}

	.bsbox {
		box-sizing: border-box
	}

	.pore {
		position: relative !important
	}

	.w75 {
		width: 74upx
	}

	.h42 {
		height: 42upx
	}

	.t0 {
		top: 0
	}

	.poab {
		position: absolute !important
	}

	.l0 {
		left: 0
	}
</style>